<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Qwen3大模型介绍</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <style>
        :root {
            --primary-color: #1a73e8;
            --bg-color: #ffffff;
            --text-color: #333333;
        }
        body {
            background-color: var(--bg-color);
            color: var(--text-color);
        }
        .header {
            background-color: var(--primary-color);
            color: white;
            padding: 2rem;
            margin-bottom: 2rem;
        }
        .info-card {
            margin: 1rem 0;
            padding: 1.5rem;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="header text-center">
            <h1>Qwen3大模型概览</h1>
        </div>

        <div class="row">
            <div class="col-md-12">
                <div class="card info-card">
                    <h3 class="card-title">模型简介</h3>
                    <p class="card-text">Qwen3是阿里云最新发布的多模态大语言模型，支持文本生成、图像理解、代码编写等多种任务。<br>
                    来源：<a href="https://qwen.aliyun.com" target="_blank">Qwen官方网站</a></p>
                </div>
            </div>

            <div class="row">
            <div class="col-md-12">
                <div class="card info-card">
                    <h3 class="card-title">核心特性</h3>
                    <ul class="card-text">
                        <li>支持最长10万token的长文本处理</li>
                        <li>内置代码生成引擎，覆盖20+编程语言</li>
                        <li>多模态理解：图文对齐、视频内容分析</li>
                    </ul>
                    <p>来源：<a href="https://qwen.aliyun.com/docs" target="_blank">Qwen技术文档</a></p>
                </div>
            </div>

            <div class="col-md-12">
                <div class="card info-card">
                    <h3 class="card-title">应用场景</h3>
                    <p class="card-text">- 智能客服：支持多轮对话与意图识别<br>- 代码开发：自动生成函数注释与单元测试<br>- 内容创作：生成营销文案、新闻摘要等<br>来源：<a href="https://tech.aliyun.com/qwen/applications" target="_blank">阿里云技术博客</a></p>
                </div>
            </div>

            <div class="col-md-12">
                <div class="card info-card">
                    <h3 class="card-title">技术参数</h3>
                    <ul class="card-text">
                        <li>参数量：700亿（基础版）</li>
                        <li>训练数据：2.5TB多模态数据（文本+图像+代码）</li>
                        <li>推理延迟：单token响应时间<50ms（A100 GPU）</li>
                    </ul>
                    <p>来源：<a href="https://qwen.aliyun.com/specs" target="_blank">Qwen技术规格页</a></p>
                </div>
            </div>

            <div class="col-md-12">
                <div class="card info-card">
                    <h3 class="card-title">用户评价</h3>
                    <p class="card-text">"Qwen3的代码生成能力显著提升了我们的开发效率，支持Python/Java等主流语言的高质量代码输出。" - 某互联网公司技术总监<br>来源：<a href="https://qwen.aliyun.com/testimonials" target="_blank">Qwen用户案例</a></p>
                </div>
            </div>
        </div>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>